<style>

    .circle {
        background-color: rgba(0,0,0,0);
        border: 5px solid rgba(0,183,229,0.9);
        opacity: .9;
        border-right: 5px solid rgba(0,0,0,0);
        border-left: 5px solid rgba(0,0,0,0);
        border-radius: 50px;
        box-shadow: 0 0 35px #2187e7;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        -moz-animation: spinPulse 1s infinite ease-in-out;
        -webkit-animation: spinPulse 1s infinite linear;
    }

    .circle1 {
        background-color: rgba(0,0,0,0);
        border: 5px solid rgba(0,183,229,0.9);
        opacity: .9;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        border-radius: 50px;
        box-shadow: 0 0 15px #2187e7;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        position: relative;
        top: -50px;
        -moz-animation: spinoffPulse 1s infinite linear;
        -webkit-animation: spinoffPulse 1s infinite linear;
    }

    @-moz-keyframes spinPulse {
        0% {
            -moz-transform: rotate(160deg);
            opacity: 0;
            box-shadow: 0 0 1px #2187e7;
        }

        50% {
            -moz-transform: rotate(145deg);
            opacity: 1;
        }

        100% {
            -moz-transform: rotate(-320deg);
            opacity: 0;
        };
    }

    @-moz-keyframes spinoffPulse {
        0% {
            -moz-transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
        };
    }

    @-webkit-keyframes spinPulse {
        0% {
            -webkit-transform: rotate(160deg);
            opacity: 0;
            box-shadow: 0 0 1px #2187e7;
        }

        50% {
            -webkit-transform: rotate(145deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: rotate(-320deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes spinoffPulse {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }
</style>

<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/index.js'); ?>
<?php
/* @var $this SiteController */

$this->pageTitle = Yii::app()->name;
?>

<!--<div class="circle"></div>-->
<!--<div class="circle1"></div>-->
<center class="inicio-center">
    <?php if (Util::checkAccess(array( 'action_menu_admin'))) : ?>
        <div class="nav-inicio orange " >
            <a href="<?php echo Yii::app()->baseUrl . '/index.php/menus/menu/admin' ?>" >                                                                                                                                                                                                                                                                                                       
                <i class="inicio"> <?php echo CHtml::image(Yii::app()->baseUrl . "/images/iconos/tools.png") ?> </i>
                <div class="info-inicio">ADMINISTRACIÓN</div>
                <!--<div class="status">Cuentas</div>-->
            </a>
        </div>
    <?php endif; ?>


    <?php if (Util::checkAccess(array('action_pedido_create'))) : ?>
        <div class="nav-inicio gray " >
            <a id="accesoCaja" href="#" onclick="accesoCaja()" >          
                <i class="inicio"> <?php echo CHtml::image(Yii::app()->baseUrl . "/images/iconos/shopping_cart.png") ?> </i>
                <div class="info-inicio">CAJA</div>
                <!--<div class="status">Cuentas</div>-->
            </a>
        </div>
    <?php endif; ?>

    <?php if (Util::checkAccess(array('action_pedido_cocina'))) : ?>
        <div class="nav-inicio green ">
            <a href="<?php echo Yii::app()->baseUrl . '/index.php/ventas/pedido/cocina' ?>" >     
                <i class="inicio"> <?php echo CHtml::image(Yii::app()->baseUrl . "/images/iconos/apple.png") ?> </i>
                <div class="info-inicio">COCINA</div>
                <!--<div class="status">Cuentas</div>-->
            </a>
        </div>

    <?php endif; ?>
</center>